
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 禁止百度手机页面转码 -->
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp”">


    <title>MyHouse公寓管理系统</title>
    <link href="/index/bootstrap.min.css" rel="stylesheet">
    <link href="/index/item.css" rel="stylesheet">


    <link rel="stylesheet" href="/index/toastr.min.css" >
    <link rel="stylesheet" href="/index/loginstyle.css" >
    <script src="/index/jquery-1.9.0-min.js"></script>
    <script src="/index/bootstrap.min.js"></script>

    <link href="/index/home.css" rel="stylesheet" />
    <script src="/index/common.js"></script>
    <style>
        .foot
        {margin:50px 0}
        .foot a
        {color:#888}
        .li_3_content {
            position: absolute;
            top: 50px;
            left: -15px;
            z-index: 99;
            display: none;
            width: 152px !important;}
        li.li_3 a:hover{background:#eee}



    </style>


</head>

<body style="overflow-x:hidden">

<div class="navbar navbar-static-top" role="navigation" style="margin-bottom:10px;margin-top:8px">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle collapsed" type="button"
                    data-toggle="collapse" data-target=".bs-navbar-collapse">
                <span class="sr-only">Toggle navigation</span> <span
                    class="icon-bar"></span> <span class="icon-bar"></span> <span
                    class="icon-bar"></span>
            </button>
            <img alt="MyHouse公寓系统" src="/image/myhouselogo.png" style="height:62px;">
        </div>
        <nav class="collapse navbar-collapse mt10 bs-navbar-collapse"
             role="navigation">
            <ul class="nav navbar-nav navbar-left">
                <li><a class='h4 text-muted'>打造尖端公寓管理系统品牌</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right" style="display:none;">
                <li class="li_3" id=""><a href="#" style=""><i
                        class="fa fa-wechat fa-lg"> </i>   微信公众号 </a>
                    <dl class="li_3_content">
                        <dd>
                        </dd>

                        <dd>
                            <img height="150px" src="/img/wechat.jpg">
                        </dd>

                    </dl></li>
                <li class="" style="margin-top:7px"><button class="btn btn-primary p10" onclick="startloadnewclient()"><i class="fa fa-download fa-lg"></i> 下载PC客户端</button></li>
            </ul>

        </nav>
    </div>
</div>


<style type="text/css">
    .register-box {
        height: 350px;
    }
    .reg-slogan {
        margin-top:20px;
    }
    .banner-show .cell .con {
        height: 450px;
    }
    .wrap {
        height: 460px;
    }
</style><div class="wrap" style="background-color: black">
    <div class="banner-show" id="js_ban_content">
        <div class="cell bns-01" style="background-color: yellowgreen">
            <div class="con" > </div>
        </div>
    </div>
    <div class="banner-control" id="js_ban_button_box"> <a href="javascript:;" class="left">左</a> <a href="javascript:;" class="right">右</a> </div>

    <div class="container">
        <div class="register-box">
            <div class="reg-slogan" style="font-size:22px;margin-top:20px;"> 使用入口</div>
            <div class="reg-form" id="js-form-mobile"> <br>

               <!-- <div class="cell">
                  &lt;!&ndash;  <input type="text" name="mobile" id="txtUsername" class="text" maxlength="50" placeholder="登录账号或手机号" />&ndash;&gt;
                    <a id="btn_login" href="javascript:void(0)" class="button btn-login" style="width:115px;"  > 住户登录</a>
                </div>
                <div class="cell"  style="   margin-bottom:10px;">
                   &lt;!&ndash; <input type="password" name="passwd" id="txtPassword" class="text" placeholder="登录密码" />&ndash;&gt;
                    <a id="btn_login" href="javascript:void(0)" class="button btn-login" style="width:115px;"  >住户注册 </a>
                </div>
                <div class="cell" style="    padding: 0px;margin-bottom:7px;">
                  &lt;!&ndash;  <label for="chkRemeber" style="    padding: 0px;"> <input type="checkbox"  id="chkRemeber"/> 记住密码</label>&ndash;&gt;
                    <a id="btn_login" href="javascript:void(0)" class="button btn-login" style="width:115px;"  >公寓管理员登录 </a>
                </div>
                <div class="bottom">


                    <a id="btn_login" href="javascript:void(0)" class="button btn-login" style="width:115px;"  > 系统管理员登录</a>

                    <a  href="/home/reg" class="button btn-green" style="width:90px;margin-left:10px;font-size:15px;"> 注册公寓</a>-->

                <ul class="list-group">
                    <li class="list-group-item" style="background-color: green"><a href="login.html" style="color: white;font-size: 15px" target="_blank">住户入口</a></li>
                    <li class="list-group-item" style="background-color: lightskyblue;margin-top: 12px"><a href="/house_login.html" style="color: white;font-size: 15px" target="_blank">公寓管理员入口</a></li>
                    <li class="list-group-item" style="background-color: gray;margin-top: 12px"><a href="/sys_login.html" style="color: white;font-size: 15px" target="_blank">系统管理员入口</a></li>
                    <li class="list-group-item" style="background-color: darkorange;margin-top: 12px"><a href="/house_regist.html" style="color: white;font-size: 15px" target="_blank">公寓入驻</a></li>
                </ul>

                </div>
            </div>
        </div>
    </div>
</div>
<!--<div class="modal fade in" id="testtypeid" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: none;">
    <div class="modal-dialog" style="width:350px">
        <div class="modal-content">
            <div class="modal-header ">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">×</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">选择公寓类型</h4>
            </div>
            <div class="modal-body bg_grey">


                <label class="radio-inline" style="width:50%">
                    <input type="radio" name="lesseeno" id="lessee1" value="集中式" checked="checked"> 集中式公寓
                </label>
                <label class="radio-inline">
                    <input type="radio" name="lesseeno" id="lessee2" value="分散式"> 分散式公寓
                </label>
            </div>
            <div class="modal-footer" style="margin-top: 0">
                <button type="button" class="btn btn-primary" onclick="besureonlinetest()">确定</button>
            </div>
        </div>
    </div>
</div>-->



<div class="container">
    <div class="row">
        <center><div class="col-md-3 col-xs-6 mt10" style="">
            <div class=""style="width: 80px;
height: 80px;text-align: center;
border-radius: 75px;color: #666;
padding-top: 20px;
background-color: #fff;">

                <img src="/image/easy.png" />
            </div>

            <div class=" mt10 h4">1分钟学会使用</div>
            <p style="margin-top:6px;color:#888">操作简单，界面简洁</p>
        </div></center>
        <center> <div class="col-md-3 col-xs-6 mt10">
            <div class=""style="width: 80px;
height: 80px;text-align: center;
border-radius: 75px;    background-color: #fff;    margin-bottom: 10px;
    color: #666;padding-top: 20px;">

                <img src="/image/mul.png" />

            </div>

            <h4>跨终端浏览器操作</h4>
            <p style="margin-top:6px;color:#888">随时随地掌握所有动态</p>

        </div></center>


        <center> <div class="col-md-3 col-xs-6 mt10">
            <div class=""style="max-width:80px;
height: 80px;text-align: center;
border-radius: 75px;background-color: #fff;    margin-bottom: 10px;
padding-top: 20px;
color: #666;">

                <img src="/image/web.png" />
            </div>

            <h4>无需安装直接使用</h4>
            <p style="margin-top:6px;color:#888">网站一站式登录管理</p>

        </div></center>

        <center> <div class="col-md-3 col-xs-6 mt10">
            <div class=""style="max-width: 80px;
height: 80px;text-align: center;
border-radius: 75px;background-color: #fff;    margin-bottom: 10px;
color: #666;padding-top: 20px;">
                <img src="/image/code.png" /></div>

            <h4>MD5加密  防密码破解</h4>
            <p style="margin-top:6px;color:#888">数据永久备份保存，电脑坏了也毫无压力</p>

        </div></center></div>
    <div class="foot"><a href="#aboutusdialog"  data-toggle='modal'>关于公寓系统</a> | <a href="#contactionid" data-toggle='modal'>联系我们</a> | <a href="#serviceagreementid" data-toggle='modal'>服务协议</a>  | © MyHouse项目小组  <a target="_blank" style="color:#27AE60" class="ml20" href="">联系电话</a> <a rel='nofollow' ><i class='ml10 fa fa-phone fa-lg'></i>  15652512908</a></div>
</div>

<!-- 关于我们 Modal -->
<div class="modal fade" id="aboutusdialog" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header ">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="">关于 公寓系统</h4>
            </div>
            <div class="modal-body  bg_grey " id="">
                <h4 class="text-center">关于 公寓系统</h4>
                <h5 class="mt10">          <p>MyHouse公寓系统是由MyHouse项目小组结合多重元素开发的公寓管理系统，本系统可以帮助房东实现房态、租客、 账单，收租的便捷管理。</p><p>首页取自上海争舜信息技术有限公司开发的公寓管理系统的页面</p></h5>
            </div>
            <div class="modal-footer" style="margin-top: 0">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>


<!-- 服务协议 Modal -->
<div class="modal fade" id="serviceagreementid" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header ">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="">公寓系统服务协议</h4>
            </div>
            <div class="modal-body  bg_grey " id="">
                <h4 class="text-center">公寓系统服务协议</h4>
                <p>本系统为MyHouse项目小组采用多重元素组合而成,用户必须承认未用于商业用途方可继续其它操作</p>

            </div>
            <div class="modal-footer" style="margin-top: 0">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<!-- 下载新客户端Modal -->
<div class="modal fade" id="loadnewclientid" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:350px">
        <div class="modal-content">
            <div class="modal-header ">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">版本更新通知!</h4>
            </div>
            <div class="modal-body bg_grey">
                <span>该版本将于5月4日晚上12点到期,请下载最新版本,到期后原来版本将不能使用(版本到期前请使用老版本,新版本不可用)</span>


            </div>
            <div class="modal-footer" style="margin-top: 0">
                <button type="button" class="btn btn-default" data-dismiss="modal" onclick="cancleloadnewclient()">取消</button>
                <button type="button" class="btn btn-primary" onclick="startloadnewclient()">确定</button>
            </div>
        </div>
    </div>
</div>
<!-- Modal end -->

<!-- 联系我们Modal -->
<div class="modal fade" id="contactionid" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:350px">
        <div class="modal-content">
            <div class="modal-header ">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">联系方式</h4>
            </div>
            <div class="modal-body bg_grey">
                <p>Email: feip966@126.com</p>
                <p> Tel: 15652512908</p>
                <p>QQ客服: 2296744386</p>
            </div>
            <div class="modal-footer" style="margin-top: 0">
                <button type="button" class="btn btn-default" data-dismiss="modal" onclick="">关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- Modal end -->

<!-- 选择公寓类型Modal -->
<div class="modal fade" id="testtypeid" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:350px">
        <div class="modal-content">
            <div class="modal-header ">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">选择公寓类型</h4>
            </div>
            <div class="modal-body bg_grey" >


                <label class="radio-inline" style="width:50%"> <input type="radio" name="lesseeno" id="lessee1" value="集中式" checked> 集中式公寓
                </label>
                <label class="radio-inline"> <input type="radio" name="lesseeno" id="lessee2" value="分散式" > 分散式公寓
                </label>
            </div>
            <div class="modal-footer" style="margin-top: 0">
                <button type="button" class="btn btn-primary" onclick="besureonlinetest()">确定</button>
            </div>
        </div>
    </div>
</div>
<!-- Modal end -->

<div class="modal fade" id="msgalert" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:350px">
        <div class="modal-content">
            <div class="modal-header ">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title"  >提示</h4>
            </div>
            <div class="modal-body bg_grey msgcontent">
                <span class="msgcontent">##</span>
            </div>
            <div class="modal-footer" style="margin-top: 0">
                <button type="button" class="btn btn-default" data-dismiss="modal" onclick="">关闭</button>
            </div>
        </div>
    </div>
</div>



<!--<div class="keifu">
    <div class="keifu_tab">
        <div class="icon_keifu"></div>
        <div class="keifu_box">
            <div class="keifu_head"><a href="javascript:void(0)" class="keifu_close"></a></div>
            <ul class="keifu_con" style="margin-bottom:0px;">
                <li><span></span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2644970411&site=qq&menu=yes"><img border="0" <img src="/Contents/login/images/qq.png"/</li>
                <li><span></span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2644970411&site=qq&menu=yes"><img border="0" <img src="/Contents/login/images/qq.png"/</li>
                <li><span></span> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2644970411&site=qq&menu=yes"><img border="0" <img src="/Contents/login/images/qq.png"/</li>
                <li class="weixin"><img src="/Contents/login/images/qrcode.jpg" width="96" alt="官方微信" /></li>
            </ul>
            <div class="keifu_bot"></div>
        </div>
    </div>
</div>-->

<script type="text/javascript">
    $(function ()
    {
        var KF = $(".keifu");

        var wkbox = $(".keifu_box");
        var kf_close = $(".keifu .keifu_close");
        var icon_keifu = $(".icon_keifu");
        var kH = wkbox.height();
        var kW = wkbox.width();
        var wH = $(window).height();
        KF.css({ height: kH });
        icon_keifu.css("top", parseInt((kH - 100) / 2) - 50);

        var KF_top = (wH - kH) / 2;
        if (KF_top < 0) KF_top = 0;
        KF.css("top", KF_top - 50);
        $(kf_close).click(function ()
        {
            KF.animate({ width: "0" }, 200, function ()
            {
                wkbox.hide();
                icon_keifu.show();
                KF.animate({ width: 26 }, 300);
            });
        });
        $(icon_keifu).click(function ()
        {
            $(this).hide();
            wkbox.show();
            KF.animate({ width: kW }, 200);
        });
    });

</script>

<script type="text/javascript">
    var useremail = '';
    $(function ()
    {
        //如果账号不为空那么就判断该账户是否需要验证码输入
        if (useremail != "")
        {
            onblurforlogin();
        }
        $('#emailid').bind('input propertychange', function ()
        {
            onblurforlogin();
        });

        //$('#loadnewclientid').modal('show');
    });

    window.alert = function (msg)
    {
        $("#msgalert .msgcontent").html(msg);
        $("#msgalert").modal();
    };

</script>
<script type="text/javascript">

    ; (function ()
    {

        var defaultInd = 0;
        var list = $('#js_ban_content').children();
        var count = 0;
        var change = function (newInd, callback)
        {
            if (count) return;
            count = 2;
            $(list[defaultInd]).fadeOut(400, function ()
            {
                count--;
                if (count <= 0)
                {
                    if (start.timer) window.clearTimeout(start.timer);
                    callback && callback();
                }
            });
            $(list[newInd]).fadeIn(400, function ()
            {
                defaultInd = newInd;
                count--;
                if (count <= 0)
                {
                    if (start.timer) window.clearTimeout(start.timer);
                    callback && callback();
                }
            });
        }

        var next = function (callback)
        {
            var newInd = defaultInd + 1;
            if (newInd >= list.length)
            {
                newInd = 0;
            }
            change(newInd, callback);
        }

        var start = function ()
        {
            if (start.timer) window.clearTimeout(start.timer);
            start.timer = window.setTimeout(function ()
            {
                next(function ()
                {
                    start();
                });
            }, 8000);
        }

        start();

        $('#js_ban_button_box').on('click', 'a', function ()
        {
            var btn = $(this);
            if (btn.hasClass('right'))
            {
                //next
                next(function ()
                {
                    start();
                });
            }
            else
            {
                //prev
                var newInd = defaultInd - 1;
                if (newInd < 0)
                {
                    newInd = list.length - 1;
                }
                change(newInd, function ()
                {
                    start();
                });
            }
            return false;
        });

    })();



</script>

<script type="text/javascript">
    var FromUrl = encodeURIComponent("/home/index");
    function onlinetest()
    {
        $("#testtypeid").modal("show");
        $("#lessee1").get(0).checked = true;
    }
    function besureonlinetest()
    {
        if ($("#lessee1").get(0).checked)
        {
            $("#txtUsername").val("test1@gmail.com");
            $("#txtPassword").val("123456");
        } else
        {
            $("#txtUsername").val("test2@gmail.com");
            $("#txtPassword").val("123456");
        }
        $("#testtypeid").modal("hide");
    }
    $(function ()
    {
        $(document).keydown(function (e)
        {
            if (e.keyCode == 13)
            {
                dologin();
            }
        });
        $("#btn_login").click(function ()
        {

            dologin();
        });

        if ('')
        {
            $("#txtUsername").val('');
            $("#txtPassword").val('');
            $("#chkRemeber").get(0).checked = true;
        }
    });

    function dologin()
    {
        var username = $("#txtUsername").val();
        var password = $("#txtPassword").val();
        if (username == "")
        {
            alert('账号不能为空!');
            $("#txtUsername").focus();
            return;
        }
        if (password == "")
        {
            alert('密码不能为空!');
            $("#txtPassword").focus();
            return;
        }
        fjp.showLoading("正在登录中...");
        $.ajax({
            type: 'post', cache: false, dataType: 'json',
            url: '/home/Login',
            data: [
                { name: 'username', value: username },
                {name : "remember",value : $("#chkRemeber").get(0).checked ? "1" : "0"},
                { name: 'password', value: password }
            ],
            success: function (result)
            {
                if (!result || !result.data)
                {
                    alert(result.message);
                    $("#txtUsername").focus();
                    return;
                } else
                {
                    location.href = decodeURIComponent(FromUrl);
                }
            },
            error: function ()
            {
                alert('发送系统错误,请与系统管理员联系!');
            },
            beforeSend: function ()
            {
                $("#btn_login").attr("disabled", true);
            },
            complete: function ()
            {
                fjp.hideLoading();
                $("#btn_login").attr("disabled", false);
            }
        });
    }
</script>

</body>
</html>
